// 轮播图的外部js
    //默认下标 图片的索引
    var index = 0;
 //将图片定义称为一组集合 将来可能数组来源于后端服务器
    var pics = ["img/pic0.jpg","img/pic1.jpg","img/pic2.jpg","img/pic3.jpg","img/pic4.jpg"];
    var desc = ["夕阳","冰雕","冰山","雾凇","落山"];

//文档加载完成后执行
window.onload = function(){
    //隔一定间隔就切换图片

   var lb = setInterval(changePic,1000);

    setInterval(changePic,1000);

    //获得切换小块对象
    var items = document.querySelectorAll(".item");

    //切换下一张图片的函数
    function changePic(it){
    index++;//下一张

    //考虑index是否在范围内
    if(index > pics.length - 1){
        index = 0;
    }
        
    //切换图片
    var pic = document.querySelector("#img-pic");
    pic.src = pics[index];

    //切换小块 遍历小块 对应的变色  不对应恢复
    for(var i = 0; i < items.length; i++){
        if(i == index){//匹配 换
            items[i].style.backgroundColor="blueviolet";
            items[i].innerHTML=desc[index];

        }else{//不匹配 恢复
            items[i].style.backgroundColor="pink";

            items[i].innerHTML=i;


        }

    }






    }




   
}

